<ion-header>
        <ion-toolbar color="light">
            <ion-buttons start >
                <button ion-button icon-only navPop>
                    <ion-icon name="arrow-back" ></ion-icon>
                </button>
            </ion-buttons>
            <ion-title (click)="navto()">{{ 'Product.title' | translate }}</ion-title>
            <ion-buttons end >
                <button ion-button icon-only>
                    <i class="iconfont icon-detail_share"></i>
                </button>
            </ion-buttons>
        </ion-toolbar>
    </ion-header>
    <ion-content>
        <div class="content">
            <div class="content-main service-content">
                <div class="content-main-cell">
                    <h1>{{info.cate.replace('|',' ')}}<a (click)="collect()" class="iconfont icon-list_heartsvg " [class.active]="info.collect"></a></h1>
                    <p>{{info.address}}</p>
                    <p>{{ 'Product.Avaliability' | translate }}  {{info.service_start}} - {{info.service_end}}</p>
                    <p><font class="orange">{{_unit(info.price_unit)}}  {{info.price}}</font></p>
                    <p>{{info.description}}</p>
                </div>
                <div class="content-main-cell" *ngIf="!!info.is_share_info">
                    <h4>Contact</h4>
                    <p>{{info.owner_name}}</p>
                    <p>{{ 'Product.Tel' | translate }}: {{info.owner_tel}}</p>
                    <p>{{ 'Product.Email' | translate }}: {{info.owner_email}}</p>
                    <p>{{info.address}}</p>
                </div>
                <div class="content-main-cell review">
                    <h4>Review
                        <span class="stars">
                            <i class="iconfont" [class.icon-star]="info.star>=1" [class.icon-star1]="info.star<1"></i>
                            <i class="iconfont" [class.icon-star]="info.star>=1" [class.icon-star1]="info.star<1"></i>
                            <i class="iconfont" [class.icon-star]="info.star>=1" [class.icon-star1]="info.star<1"></i>
                            <i class="iconfont" [class.icon-star]="info.star>=1" [class.icon-star1]="info.star<1"></i>
                            <i class="iconfont" [class.icon-star]="info.star>=1" [class.icon-star1]="info.star<1"></i>
                        </span>
                    </h4>
                    <div class="review-cell" *ngFor="let item of evaluate_list">
                        <div class="people-head">
                            <div class="img-container" [style.background-image]="'url('+src+item.uinfo.avatar+')'"></div>
                        </div>
                        <div class="people-content">
                            <h5>{{item.uinfo.firstname}}</h5>
                            <p>{{item.uinfo.addtime}}</p>
                            <p>{{item.uinfo.content}}</p>
                        </div>
                        <span class="stars float">
                            <i class="iconfont" [class.icon-star]="item.star>=1" [class.icon-star1]="item.star<1"></i>
                            <i class="iconfont" [class.icon-star]="item.star>=1" [class.icon-star1]="item.star<1"></i>
                            <i class="iconfont" [class.icon-star]="item.star>=1" [class.icon-star1]="item.star<1"></i>
                            <i class="iconfont" [class.icon-star]="item.star>=1" [class.icon-star1]="item.star<1"></i>
                            <i class="iconfont" [class.icon-star]="item.star>=1" [class.icon-star1]="item.star<1"></i>
                        </span>
                    </div>
                </div>
                
            </div>
        </div>
        
    </ion-content>
    <ion-footer>
         <div class="footer">
             <span [navPush]="contactPage" [navParams]="toCancat">{{ 'Product.Contact' | translate }}</span>
             <span [navPush]="slookPage" [navParams]="{data:toCancat}">{{ 'Product.Book' | translate }}</span>
             <!-- <span (click)="gopay()">{{ 'Product.Pay' | translate }}</span> -->
         </div>
    </ion-footer>